<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="/static/home/test1/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/home/test1/css/alert.css">
    <link rel="stylesheet" type="text/css" href="/static/home/test1/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/static/home/test1/css/animate.min.css">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <title>Document</title>
    <style>
        .mobile-inner-nav a{
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: returnToNormal;
            animation-name: returnToNormal;
        }

        @-webkit-keyframes returnToNormal {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, -400%, 0);
                transform: translate3d(0, -400%, 0);
            }

            400% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes returnToNormal {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, -400%, 0);
                transform: translate3d(0, -400%, 0);
            }

            400% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }
    </style>
</head>
<body>
{include file="public/header"}

<div class="banner">
    <ul class="swiper-wrapper clearfix">
        <li class="swiper-slide">
            <a class="pc-banner"> <img src="/static/home/test1/img/banner.jpg" /></a>
        </li>
        <li class="swiper-slide">
            <a class="pc-banner"> <img src="/static/home/test1/img/banner.jpg" /></a>
        </li>
        <li class="swiper-slide">
            <a class="pc-banner"> <img src="/static/home/test1/img/banner.jpg" /></a>
        </li>
        <li class="swiper-slide">
            <a class="pc-banner"> <img src="/static/home/test1/img/banner.jpg" /></a>
        </li>
    </ul>
    <div class="swiper-pagination">
    </div>
</div>

<div class="main-1">
    <div class="main-img">
        <a href="/home/test1/brand"><img src="/static/home/test1/img/品牌介绍.png" alt=""></a>
        <p>品牌介绍</p>
    </div>
    <div class="main-img">
        <a href="/home/test1/seasonpush"><img src="/static/home/test1/img/当季主推.png" alt=""></a>
        <p>当季主推</p>
    </div>
    <div class="main-img">
        <a href="/home/test1/works"> <img src="/static/home/test1/img/作品风格.png" alt=""></a>
        <p>作品风格</p>
    </div>
    <div class="main-img">
        <a href="/home/test1/activity"><img src="/static/home/test1/img/活动优惠.png" alt=""></a>
        <p>活动优惠</p>
    </div>
    <div class="main-img">
        <a href="/home/test1/guest"><img src="/static/home/test1/img/每周客片.png" alt=""></a>
        <p>每周客片</p>
    </div>
    <div class="main-img">
        <a href="/home/test1/venues"><img src="/static/home/test1/img/外景基地.png" alt=""></a>
        <p>外景基地</p>
    </div>
    <div class="main-img">
        <a href="/home/test1/vcr"><img src="/static/home/test1/img/品牌VCR.png" alt=""></a>
        <p>品牌VCR</p>
    </div>
    <div  class="main-img">
        <a href="/home/test1/dressmodeling"><img src="/static/home/test1/img/妆面造型.png" alt=""></a>
        <p>妆面造型</p>
    </div>
</div>

<div class="main-2">
    <video poster="/static/home/test1/img/VCR.jpg"
           x5-video-orientation="portraint"
           loop
           x-webkit-airplay="allow"
           playsinline="true"
           x5-video-player-fullscreen="true"
           style="object-fit:fill; width: 100%; min-height: 100%; display: block;"
           preload="auto"
           webkit-playsinline="true" id="video"> <source src="http://wwcache.massmotionmedia.com/onedior/projects/dior_diortv_pap_ah1819_bestof/videos/20180228124509_1280x720_2335_fd60223e-6659-4083-a743-26447d47de09.mp4" type="video/mp4" />
        你的浏览器不支持H5播放器
        ;/video>
        <img src="/static/home/test1/img/播放.png" alt="">
</div>
<div class="main-3">
    <img src="/static/home/test1/img/每周客照.jpg" alt="">
</div>
<div class="main-4">
    <div class="wrapper wrapper01" id="retr">
        <div class="yue scroller">
            <ul class="clearfix">
                <li><a href="javascript:void(0)">一月</a></li>
                <li><a href="javascript:void(0)">二月</a></li>
                <li><a href="javascript:void(0)">三月</a></li>
                <li><a href="javascript:void(0)">四月</a></li>
                <li><a href="javascript:void(0)">五月</a></li>
                <li><a href="javascript:void(0)">六月</a></li>
                <li><a href="javascript:void(0)">七月</a></li>
                <li><a href="javascript:void(0)">八月</a></li>
                <li><a href="javascript:void(0)">九月</a></li>
                <li><a href="javascript:void(0)">十月</a></li>
                <li><a href="javascript:void(0)">十一月</a></li>
                <li><a href="javascript:void(0)">十二月</a></li>
            </ul>
        </div>
    </div>
    <div class="yulan">
        <div class="yl-main">
            <img src="/static/home/test1/img/预览图1.jpg" alt="">
            <div class="yl-mb">05月 / 第一周</div>
        </div>
        <div class="yl-main">
            <img src="/static/home/test1/img/预览图2.jpg" alt="">
            <div class="yl-mb">04月 / 第四周</div>
        </div>
        <div class="yl-main">
            <img src="/static/home/test1/img/预览图3.jpg" alt="">
            <div class="yl-mb">04月 / 第三周</div>
        </div>
        <div class="yl-main">
            <img src="/static/home/test1/img/预览图4.jpg" alt="">
            <div class="yl-mb">04月 / 第二周</div>
        </div>
        <div class="yl-main">
            <img src="/static/home/test1/img/预览图5.jpg" alt="">
            <div class="yl-mb">04月 / 第一周</div>
        </div>
        <div class="yl-main">
            <img src="/static/home/test1/img/预览图6.jpg" alt="">
            <div class="yl-mb">03月 / 第四周</div>
        </div>
    </div>
    <div class="more">
        <img src="/static/home/test1/img/加号-常规.png" alt="">
        <p class="p1">点击加载更多…</p>
        <p style="display:none" class="p2">正在努力加载…</p>
    </div>
</div>




<a id="md1">点击我调用百度地图导航</a>

{include file="public/foot"}
</body>
<script src="/static/home/test1/js/jquery-1.11.3.js"></script>
<script src="/static/home/test1/js/swiper.min.js" ></script>
<script src="/static/home/test1/js/jquery-1.9.0.min.js"></script>
<script src="/static/home/test1/js/alert.min.js"></script>
<script src="/static/home/test1/js/wow.min.js" ></script>
<script src="/static/home/test1/js/main.js" ></script>
<!-- <script type="text/javascript" src="js/flexible.js"></script> -->
<script type="text/javascript" src="/static/home/test1/js/iscroll.js"></script>
<script type="text/javascript" src="/static/home/test1/js/navbarscroll.js"></script>
<script>
    var u = navigator.userAgent;
    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
        $('#md1').attr('href',"bdapp://map/navi?query=故宫");
    } else if (u.indexOf('iPhone') > -1) {
        $('#md1').attr('href',"baidumap://map/navi?location=40.057023, 116.307852&src=push&type=BLK&src=webapp.line.yourCompanyName.yourAppName");
    } else if (u.indexOf('Windows Phone') > -1) {
    }
</script>
<script type="text/javascript">




    new WOW().init();
    var fun = function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 20 * (clientWidth / 640) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    }
    fun(document, window);
    $(".more").click(function(){
        $(".p1").hide();
        $(".p2").show();
    });
    $('.footer-1').click(function(){
        var T = $(window).scrollTop();
        console.log(T)
        var t = setInterval(function(){
            if(T < 0){
                clearInterval( t );
            }else{
                T -= 50;
                $(window).scrollTop(T);
            }
        },13);
    });
    // $("#btn-scroll").click(function(){   
    //     var sc=$(window).scrollTop();   
    //     $('body,html').animate({scrollTop:0},500); 
    //     })
    $(".xx1").click(function(){
        console.log(1)
        // $(".header-nr").removeClass('yinc');
        $("html,body").addClass('noscroll');
        $(".xx1").hide();
        $(".xx2").show();
        $(".nr-fl").slideToggle(400);
        $(".gb").slideToggle(400);
        $(".jia1").show();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian1").hide();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
    });
    $(".xx2").click(function(){
        console.log(1)
        // $(".header-nr").removeClass('yinc');

        $("html,body").removeClass('noscroll');
        $(".xx2").hide();
        $(".xx1").show();
        $(".nr-fl").slideToggle(400);
        $(".gb").slideToggle(400);
        $(".jia1").show();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian1").hide();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
    });
    $(".gb").click(function(){
        $(".nr-fl").slideToggle(400);
        $(".gb").slideToggle(400);
        $(".xx2").hide();
        $(".xx1").show();
    });
    $(".dj1").click(function(){
        $(".jia1").toggle();
        $(".jian1").toggle();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
        $(".XQ1").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ3").hide(400);
        $(".XQ4").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj2").click(function(){
        $(".jia2").toggle();
        $(".jian2").toggle();
        $(".jia1").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian1").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
        $(".XQ2").slideToggle(400);
        $(".XQ1").hide(400);
        $(".XQ3").hide(400);
        $(".XQ4").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj3").click(function(){
        $(".jia3").toggle();
        $(".jian3").toggle();
        $(".jia2").show();
        $(".jia1").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian2").hide();
        $(".jian1").hide();
        $(".jian4").hide();
        $(".jian5").hide();
        $(".XQ3").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ1").hide(400);
        $(".XQ4").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj4").click(function(){
        $(".jia4").toggle();
        $(".jian4").toggle();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia1").show();
        $(".jia5").show();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian1").hide();
        $(".jian5").hide();
        $(".XQ4").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ3").hide(400);
        $(".XQ1").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj5").click(function(){
        $(".jia5").toggle();
        $(".jian5").toggle();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia1").show();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian1").hide();
        $(".XQ5").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ3").hide(400);
        $(".XQ4").hide(400);
        $(".XQ1").hide(400);
    });
    fun(document, window);
    $(".cf1").click(function(){
        $(".jia1-f").toggle();
        $(".jianf1").toggle();
        $(".jia2-f").show();
        $(".jia3-f").show();
        $(".jia4-f").show();
        $(".jia5-f").show();
        $(".jianf2").hide();
        $(".jianf3").hide();
        $(".jianf4").hide();
        $(".jianf5").hide();
        $(".xq1").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq3").hide(400);
        $(".xq4").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf2").click(function(){
        $(".jia2-f").toggle();
        $(".jianf2").toggle();
        $(".jia1-f").show();
        $(".jia3-f").show();
        $(".jia4-f").show();
        $(".jia5-f").show();
        $(".jianf1").hide();
        $(".jianf3").hide();
        $(".jianf4").hide();
        $(".jianf5").hide();
        $(".xq2").slideToggle(400);
        $(".xq1").hide(400);
        $(".xq3").hide(400);
        $(".xq4").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf3").click(function(){
        $(".jia3-f").toggle();
        $(".jianf3").toggle();
        $(".jia2-f").show();
        $(".jia1-f").show();
        $(".jia4-f").show();
        $(".jia5-f").show();
        $(".jianf2").hide();
        $(".jianf1").hide();
        $(".jianf4").hide();
        $(".jianf5").hide();
        $(".xq3").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq1").hide(400);
        $(".xq4").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf4").click(function(){
        $(".jia4-f").toggle();
        $(".jianf4").toggle();
        $(".jia2-f").show();
        $(".jia3-f").show();
        $(".jia1-f").show();
        $(".jia5-f").show();
        $(".jianf2").hide();
        $(".jianf3").hide();
        $(".jianf1").hide();
        $(".jianf5").hide();
        $(".xq4").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq3").hide(400);
        $(".xq1").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf5").click(function(){
        $(".jia5-f").toggle();
        $(".jianf5").toggle();
        $(".jia2-f").show();
        $(".jia3-f").show();
        $(".jia4-f").show();
        $(".jia1-f").show();
        $(".jianf2").hide();
        $(".jianf3").hide();
        $(".jianf4").hide();
        $(".jianf1").hide();
        $(".xq5").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq3").hide(400);
        $(".xq4").hide(400);
        $(".xq1").hide(400);
    });
    $(".pay_list_c1").on("click",function(){
        $(this).addClass("on").siblings().removeClass("on");
    })
    $(".piaochecked").on("click",function(){
        $(this).hasClass("on_check")? $(this).removeClass("on_check"):$(this).addClass("on_check");
    })

    var M ={};
    $('#register').click(function(){

        var phone=$('#phone').val();

        if(phone==''){

            M.dialog1 = jqueryAlert({
                'content' : '手机号不能为空',
                'closeTime' : 2000,
            })

            return false;

        }else if(!(/^1[3458]\d{9}$/.test(phone))){

            M.dialog1 = jqueryAlert({
                'content' : '手机格式不正确',
                'closeTime' : 2000,
            })
            return false;

        }else{
            M.dialog2 = jqueryAlert({
                'content' : '提交成功！',
                'closeTime' : 2000,
            })
            return true;
        }
        return true;

    })
</script>
<script>
    $(function(){
        $('.wrapper').navbarscroll();
    });

    $('#video').click(function(){
        if(video.pause){
            video.play()
        }else{
            video.pause()
        }

        // $('#video').trigger('play');
        // $('#video').trigger('pause');
    })
</script>
</html>